<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
	<h1>Fantasy surf</h1>

    <div>
        <ul>
            <li><a href="/fb/">Profile</a></li>
            <li><a href="/fb/events/">Competitions</a></li>
            <li><a href="/fb/shop/">Shop</a></li>
        </ul>
    </div>

	{% for section in shop_inventory %}
		<h3>{{section.category}}</h3>
		<table>
			<tr>
				{% for item in section.items %}
					<td><img src="{{item.img}}" width="100px" height="100px" /></td>
				{% endfor %}
			</tr>
			<tr>
				{% for item in section.items %}
					<td>
                		${{item.price}} <b>{{item.name}}</b><br />
                		<span>{{item.description}}</span><br />
                		<span>{{item.units}} units available</span><br />
                		<a href="/fb/shop/buy/{{item.id}}/">buy</a>
            		</td>
				{% endfor %}
			</tr>
		</table>
	{% endfor %}

</body>
</html>
